<%@ page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>

<%@include file="../fragments/headScriptCS.jsp"%>

</head>

<body>
	<div class="container">

		<!-- BEGIN SLIDER -->
		<div id="carousel-example-generic" class="carousel slide"
			data-ride="carousel">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0"
					class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner">

				<!-- Begin Slide Item-->
				<div class="item active">
					<img
						src="${pageContext.request.contextPath}/assets/images/slider1.jpg"
						width="1170" height="418" alt="Slider Demo 1">
					<div class="carousel-caption"></div>
				</div>
				<!-- END Slide Item-->

				<!-- Begin Slide Item-->
				<div class="item">
					<img
						src="${pageContext.request.contextPath}/assets/images/slider2.jpg"
						width="1170" height="418" alt="Slider Demo 2">
					<div class="carousel-caption"></div>
				</div>
				<!-- END Slide Item-->

				<!-- Begin Slide Item-->
				<div class="item">
					<img
						src="${pageContext.request.contextPath}/assets/images/slider3.jpg"
						width="1170" height="418" alt="Slider Demo 3">
					<div class="carousel-caption"></div>
				</div>
				<!-- END Slide Item-->

			</div>

			<!-- Controls -->
			<a class="left carousel-control" href="#carousel-example-generic"
				data-slide="prev"> <span
				class="glyphicon glyphicon-chevron-left"></span>
			</a> <a class="right carousel-control" href="#carousel-example-generic"
				data-slide="next"> <span
				class="glyphicon glyphicon-chevron-right"></span>
			</a>
		</div>

		<!-- END SLIDER -->
		<br>
		<div class="row">
			<div class="col-md-3"></div>
			<!-- End col-md-3 -->

			<div class="col-md-6">


				<div id="login-box">
					<div class="box-detail">
						<div class="line-header">
							<i class="fa fa-lock"></i> กำหนดรหัสผ่านใหม่
						</div>
					</div>
					<form action="RecoverPasswordSrvl?UserId=${vaUserId}&Key=${vaKey}"
						name="loginForm" method="post">
						<div class="form-group">
							<label>ชื่อผู้ใช้ <font color="red">
									${vaUserMessageError} </font></label> <input type="text" class="form-control"
								placeholder="ชื่อผู้ใช้" name="username" id="inputUsername"
								value="${UserName}"> <input type="hidden" name="user_id"
								value="${vaUserId}">
						</div>
						<div class="form-group">
							<label>รหัสผ่านใหม่ <font color="red">
									${vaPasswordMessageError1} </font></label> <input type="password"
								class="form-control" placeholder="รหัสผ่านใหม่" name="password"
								id="inputPassword" value="${Password1}">
						</div>
						<div class="form-group">
							<label>ยืนยันรหัสผ่าน <font color="red">
									${vaPasswordMessageError2} </font>
							</label> <input type="password" class="form-control"
								placeholder="ยืนยันรหัสผ่าน" name="confirm_password"
								id="inputConfirmPassword" value="${Password2}">
						</div>
						<div class="checkbox clearfix">

							<a href="index.jsp"><button type="button"
									class="btn btn-default pull-right">ยกเลิก</button></a>
							<button type="submit" class="btn btn-primary pull-right">ตกลง</button>

						</div>
						
					</form>
				</div>

			</div>
			<div class="col-md-3"></div>
			<!-- End col-md-3 -->
		</div>
		<!-- End row -->
		<br>


		<div class="footer">Copyright © สงวนลิขสิทธิ์ พ.ศ.2552 โดย
			การประปานครหลวง</div>
		<!-- End footer -->
	</div>
	<!-- END Container -->
	<!-- JAVASCRIPT -->
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/assets/js/share/jquery.min.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/libraries/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/assets/js/share/script.js"></script>
	<!-- END JAVASCRIPT -->
</body>
</html>
